<template>
  <div style="margin:0px 0px 0px 2px">
    <fieldset>
      <legend>
        <i class="el-icon-star-on"></i>
        <b>积分榜排名</b>
        <i class="el-icon-star-on"></i>
      </legend>
      <divider-line :data="data" style="margin-top:5px"></divider-line>
    </fieldset>
  </div>
</template>

<script>
import DividerLine from "./divider-line.vue";
export default {
  name: "ranking-view-card",
  props: [],
  components: {
    DividerLine
  },
  data() {
    return {
      data: [
        { id: "1", name: "大水煮鱼", score: "10000", href: "#" },
        { id: "2", name: "随风飞翔", score: "9999", href: "#" },
        { id: "3", name: "撕心裂肺", score: "9999", href: "#" },
        { id: "4", name: "疯狂的小猫", score: "9999", href: "#" },
        { id: "5", name: "小猪快跑", score: "9999", href: "#" },
        { id: "6", name: "XXX", score: "9999", href: "#" },
        { id: "7", name: "GETTTT", score: "9999", href: "#" },
        { id: "8", name: "给我一盆水", score: "9999", href: "#" },
        { id: "9", name: "谁", score: "9999", href: "#" },
        { id: "10", name: "我是谁", score: "9999", href: "#" },
        { id: "11", name: "刺", score: "9999", href: "#" },
        { id: "12", name: "道哥", score: "9999", href: "#" },
        { id: "13", name: "詹莫斯", score: "9999", href: "#" },
        { id: "14", name: "666", score: "9999", href: "#" },
        { id: "15", name: "777", score: "9999", href: "#" },
        { id: "16", name: "哦哦", score: "9999", href: "#" },
        { id: "17", name: "风儿", score: "9999", href: "#" },
        { id: "18", name: "你是个傻子", score: "9999", href: "#" },
        { id: "19", name: "是的", score: "9999", href: "#" },
        { id: "20", name: "是谁", score: "9999", href: "#" },
      ]
    };
  }
};
</script>

<style scoped>
</style>

